﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="register.aspx.cs" Inherits="LMKJ.register" %>

<!DOCTYPE html PUBLIC "-//W3C//DtdXHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Register Account</title>
    <link href="../Resources/AAMGlobal.css" rel="Stylesheet" type="text/css" />
</head>
<body>
    <form id="Form1" runat="server">
    <div id="wrapper">
        <div id="header">
            <div class="content" style="padding: 0 !important">
                <img src="../Images/ELDLogo.png" alt="Logo" style="padding: 6px 0px 0px 8px" align="left"
                    width="200" height="200" />
                <img src="../Images/ELDShopAAMBanner.png" alt="Banner" align="right" />
                <div class="clr">
                </div>
            </div>
            <div class="nav">
                <span class="breadcrumb">
                    <asp:SiteMapPath ID="AAMSiteMapPath" runat="server">
                    </asp:SiteMapPath>
                </span>
            </div>
        </div>
        <div id="content">
            <div id="onecol">
                <div class="content">
                    <br />
                    <div class="reg_form">
                        <div class="form_name">
                            Register Account
                        </div>
                        <table width="100%">
                            <tr>
                                <td colspan="3">
                                    <asp:CustomValidator ID="fieldsValidator" runat="server" OnServerValidate="fieldsValidator_ServerValidate"
                                        Display="Dynamic" ErrorMessage="Some fields are empty! All fields are required for registration!"
                                        ForeColor="Red" ValidationGroup="Register"></asp:CustomValidator>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <b>Username* </b>
                                </td>
                                <td>
                                    <asp:TextBox ID="usernameTbx" runat="server"></asp:TextBox>
                                </td>
                                <td>
                                    <asp:CustomValidator ID="usernameValidator" runat="server" ErrorMessage="Username exists!"
                                        ForeColor="Red" Display="Dynamic" ValidationGroup="Register" OnServerValidate="usernameValidator_ServerValidate"></asp:CustomValidator>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <b>Password* </b>
                                </td>
                                <td colspan="2">
                                    <asp:TextBox ID="passwordTbx" runat="server" TextMode="Password"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <b>Retype Pasword </b>
                                </td>
                                <td>
                                    <asp:TextBox ID="rpasswordTbx" runat="server" TextMode="Password"></asp:TextBox>
                                </td>
                                <td width="150px">
                                    <asp:CompareValidator ID="comparePasswordValidator" ControlToValidate="rpasswordTbx"
                                        ControlToCompare="passwordTbx" runat="server" ErrorMessage="Passwords do not match!"
                                        ForeColor="Red" Display="Dynamic" ValidationGroup="Register"></asp:CompareValidator>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <b>Name* </b>
                                </td>
                                <td colspan="2">
                                    <asp:TextBox ID="nameTbx" runat="server"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <b>Email* </b>
                                </td>
                                <td colspan="2">
                                    <asp:TextBox ID="emailTbx" runat="server"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <b>Date of Birth* </b>
                                </td>
                                <td colspan="2">
                                    <asp:DropDownList ID="monthDdl" runat="server" AutoPostBack="True" OnSelectedIndexChanged="monthDdl_SelectedIndexChanged">
                                        <asp:ListItem>Month</asp:ListItem>
                                    </asp:DropDownList>
                                    /
                                    <asp:DropDownList ID="dayDdl" runat="server" Enabled="false">
                                        <asp:ListItem>Day</asp:ListItem>
                                    </asp:DropDownList>
                                    /
                                    <asp:DropDownList ID="yearDdl" runat="server" Enabled="false">
                                        <asp:ListItem>Year</asp:ListItem>
                                    </asp:DropDownList>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <b>Gender* </b>
                                </td>
                                <td colspan="2">
                                    <asp:RadioButtonList ID="genderRbl" runat="server" RepeatDirection="Horizontal">
                                        <asp:ListItem Selected="True">Male</asp:ListItem>
                                        <asp:ListItem>Female</asp:ListItem>
                                    </asp:RadioButtonList>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="3">
                                    <b>*Required Fields </b>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="3">
                                </td>
                            </tr>
                            <tr>
                                <td colspan="3">
                                    <asp:Button ID="registerBtn" runat="server" Text="Register" OnClick="registerBtn_Click"
                                        ValidationGroup="Register" CssClass="buttonRegister" />
                                    <asp:Button ID="cancelBtn" runat="server" Text="Cancel" OnClick="cancelBtn_Click"
                                        CausesValidation="False" CssClass="buttonCancel" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <br />
                </div>
            </div>
        </div>
        <div class="clr">
        </div>
        <div id="footer">
            <div class="nav">
                <a href="#top" style="float: right;">&uarr;&nbsp;Back To Top&nbsp;&uarr;</a> © Copyright
                2012 AAM System For ElD Shop™ | LMKJ, Inc. | Central CDC | All Rights Reserved
            </div>
            <div class="content">
                <center>
                    <hr />
                    <p>
                        Website Uses <i>Advanced CSS3 Styles</i> & Tested To Be Best Viewed In: <b>Google Chrome</b>.</p>
                    <p>
                        ✩✩✩</p>
                </center>
            </div>
        </div>
    </div>
    </div>
    </form>
</body>
</html>
